.login_form {
	height: 410px;
	width: 100%;
	position: absolute;
	left: 0px;
	text-align: center;
	.mask {
		background-color: #000;
		opacity: 0.3;
		filter: alpha(opacity=30);
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	a {
		color:#FFF;
	}
	.login_title {
		font-size: 21px;
		color:#ccf;
		margin: 35px auto;
	}
	.form_el {
		margin: 0px auto 20px auto;
		width: 780px;
		.info_text {
			margin-top: 20px;
			float: right;
			width: 240px;
			margin-left: 15px;
			text-align: left;
			color:#f99;
		}

	}
	.input_text {
		float: left;
		margin-left: 260px;
		_margin-left:130px;
		width: 260px;
		height: 60px;
		background-color: #AFAFC0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
    	-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
    	box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
		.icon {
			-webkit-border-top-left-radius: 3px;
			-moz-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-bottom-left-radius: 3px;
			border-bottom-left-radius: 3px;
			background-color: #EEE;
			width: 60px;
			height: 60px;
			float: left;
			#user_icon {
				background: url(./icons.png) no-repeat 0px 0px;
				width: 24px;
				height: 24px;
				margin: 18px;
			}
			#pwd_icon {
				background: url(./icons.png) no-repeat -24px 0px;
				width: 24px;
				height: 24px;
				margin: 18px;	
			}
		}
		input {
			background-color: #AFAFC0;
			height: 18px;
			line-height: 18px;
			box-sizing: content-box;
			color:#336;
			border: none;
			font-size: 16px;
			margin: 20px 0px;
			width: 166px;
			.placeholder {
				color: #669;
   				font-size: 25px;
			}
		}
	}
	.center_info {
		width: 260px;
		margin:0px auto 10px auto;
		.remember_info {
			float: left;
			color:#99C;
            input{
              float: left;
              display: block;
              margin:0 5px 0 0;
            }
            span{
              display: block;
              float: left;
            }
		}
		.forget_pwd{
			float: right;
		}
	}
	.register {
		display: block;
		width: 80px;
		margin: 15px auto;
	}
}

.section {
	#footer {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background-color: transparent;
		color:#FFF;
		a {
			color:#FFF;
		}
		.line {
			background-color: #FFF;
		}
	}
}
@media screen and(max-width:600px){
	.login_form {
		.input_text {
			margin-left: 0;
		}
		.form_el {
			// margin-left: 0;
			margin: 15px auto;
			width: 260px;
			.info_text{
				position: absolute;
				top: 40px;
				left: 130px;
			}
			.input_text.vc {
				width: 80px;
				#vc {
					margin-left: 10px;
					width: 40px;
				}
			}
			.input_text {
				input {
					width: 70%;
				}
			}
		}
	}
}